<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/fpwd.css">
    <script src="./js/jquery.min.js"></script>
   
  
    
    <title>忘记密码</title>
    <style>
     #msg {
      width: 100%;
      line-height: 40px;
      font-size: 14px;
      text-align: center;
      position: absolute;
      z-index: 999;
    }
    .container {
      width: 310px;
      position: relative;
    }
    </style>
</head>

<body>
    <div class="reg-log-cls">
        <div class="prefect-header-box">
            <div class="inter-header">
                <div class="inter clearfix">
                    <dt class="fl">
                        <a href="./index.html">
                            <i class="icon-login-logo"></i>
                        </a>
                    </dt>
                    <dd class="fr">
                        <ul>
                            <li>
                                销售热线：
                                <span class="color-blue">400-810-9528</span>
                            </li>
                            <li>
                                客服热线：
                                <span class="color-blue">400-886-9528</span>
                            </li>
                            <li>
                                <a href="">服务中心</a>
                            </li>
                        </ul>
                    </dd>
                </div>
            </div>
        </div>
    </div>

    <div class="prefect-center register-center">
        <div class="content prefect-main clearfix">
            <div class="edz-company-mian fl">
                <a href="./login.html">
                    <div id="handleBtnId" class="comp-handle-btn">立即登录</div>
                </a>
            </div>
            <div class="prefect-info-mian fr">
                <dl class="info-tit clearfix">
                    <dt class="fl">找回密码</dt>
                    <dd class="fr">
                        <a href="./login.html">返回登录</a>
                    </dd>
                </dl>
                <ul class="prefect-form register-form clearfix" id="regform">
                    <li>
                        <span class="form-tit">绑定手机号</span>
                        <input id="phone" type="text" placeholder="请输入绑定手机号" autocomplete="off" class="login-text error" require="true" valid="mobilePhone" errortarget="phoneError" error="手机号码格式不正确" emptyerror="请输入手机号码" invalid="true"
                        name="tel"
                        onblur="return check_tel()">
                    </li>
                    <li class="form-error">
                        <span id="phoneError" class="show">
                            <i class="icon-prefect-error" id="tel"></i>
                        </span>
                    </li>
                    <div class="container">
                        <div id="captcha" style="position: relative"></div>
                        <div id="msg"></div>
                      </div>
                      <script src="./js/sliding.js"></script>
                      <script>
                        jigsaw.init(document.getElementById('captcha'), function () {
                          document.getElementById('msg').innerHTML = ''
                        })
                      </script>
                    <li class="form-error imgCode-error"></li>
                    <li>
                        <span class="form-tit">短信验证码</span>
                            <input id="smsCode" type="text" placeholder="请输入短信验证码" autocomplete="off"
                                    class="code-input error" require="true" valid="smsCode"
                                    errortarget="smsCodeError" error="短信验证码不正确" emptyerror="请输入短信验证码"onblur="return check_yanzheng()"
                                    name="yz">
                                <a class="verification sure-num" id="smsCodeBtn">获取验证码</a>
                    </li>
                    <li class="form-error">
                        <span id="phoneError" class="show">
                            <i class="icon-prefect-error" id='yz'>
                            </i>
                        </span>
                    </li>
                    <li>
                            <span class="form-tit form-mtit">设置密码</span>
                            <input class="fake-autofill-input" type="text" name="fakeusernameremembered">
                            <input id="pass" type="password" placeholder="8-32位数字与字母组合" autocomplete="off" require="true" valid="password" errortarget="passError" error="密码格式不正确（要求8-32位数字与字母组合）" emptyerror="请输入密码"
                            name="pwd" onblur="return check_pwd()"
                            >
                        </li>
                    <li class="form-error">
                        <span id="pwd"></span>
                    </li>
                    <li>
                            <span class="form-tit">确认密码</span>
                            <input class="fake-autofill-input" type="text" >
                            <input id="passConfirm" type="password" placeholder="请再次确认密码" autocomplete="off" require="true" valid="password" errortarget="passConfirmError" error="确认密码格式不正确（要求8-32位数字与字母组合）" emptyerror="请输入确认密码" equalto="pass" equaltoerror="两次密码输入不一致"
                            name="repwd" onblur="return check_repwd()">
                    </li>
                    <li class="form-error">
                        <span id="repwd"></span>
                    </li>
                    <li>
                        <a href="" class="button prefect-button" id="submitBtn">修改密码</a>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <div class="foot">
        <p class="footOne">© Copyright Reserved 2014-2019　| &nbsp;&nbsp;<a href=""><img src="./image/login/guohui.png"> 京公网安备
                11010102002019号</a> |　京ICP备14057387号-1　|　北京易点淘网络技术有限公司&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><i
                    class="unit"></i></a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=""><i class="enterprise"></i></a>
        </p>
        <p class="footTwo">办公地址： 北京市海淀区西二旗大街39号融通高科大厦二层 易点租</p>
        <p class="footThree">
            <a href="">北京退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="">上海退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="">深圳退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
            <a href="">武汉退换机地址</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;

        </p>
    </div>
    <script>
        function check_tel() {
    var tel = document.getElementsByName('tel')[0].value
    var ptn_tel = /^1[0-9]\d{9}$/;
    if (tel) {
        if (!tel.match(ptn_tel)) {
            document.getElementById('tel').innerHTML = '！手机号码格式不正确'
            return false;
        } else {
            document.getElementById('tel').innerHTML = ''
            return true;
        }
    } else {
        document.getElementById('tel').innerHTML = '！请输入手机号码'
    }
}




function check_yanzheng() {
    var yz = document.getElementsByName('yz')[0].value
    var ptn_yz = /[0-9]\d{5}$/;
    if (yz) {
        if (!yz.match(ptn_yz)) {
            document.getElementById('yz').innerHTML = '！短信验证码不正确'
            return false;
        } else {
            document.getElementById('yz').innerHTML = ''
            return true;
        }
    } else {
        document.getElementById('yz').innerHTML = '！请输入短信验证码'
    }
}



function check_pwd() {
    var pwd = document.getElementsByName('pwd')[0].value
    var ptn_pwd = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,32}$/;
    if (pwd) {
        if (!pwd.match(ptn_pwd)) {
            document.getElementById('pwd').innerHTML = '！密码格式不正确（要求8-32位数字与字母结合）'
            return false;
        } else {
            document.getElementById('pwd').innerHTML = ''
            return true;
        }
    } else {
        document.getElementById('pwd').innerHTML = '！请输入密码'
    }
}



function check_repwd() {
    var username = document.getElementsByName('pwd')[0].value
    var pwd = document.getElementsByName('repwd')[0].value
    if(!pwd){
    document.getElementById('repwd').innerHTML='！请输入确认密码'
    return false;
    }
    if(repwd!=pwd){
    document.getElementById('repwd').innerHTML='两次输入密码不一致'
    return false;
    }else{
    document.getElementById('repwd').innerHTML=''
    return true;
    }
    }
    </script>
</body>

</html>